<template>
  <div class="col-xs-offset-2 col-xs-8">
    <div class="page-header"><h2>Vue Router Demo</h2></div>
    <button @click="back">后退</button>
    <button @click="forward">前进</button>
    <button @click="test">测试一下go</button>
  </div>
</template>

<script>
export default {
    name:"Banner",
    methods:{
      back(){
        // 回退一步
        this.$router.back();
      },
      forward(){
        // 前进一步
        this.$router.forward();
      },
      test(){
        // go的参数如果是正数，则是前进，参数则代表前进多少步
        // 负数则代表回退多少步
        this.$router.go(3);
      }
    }
}
</script>